/*
 *  ==========================================================================
 *                                      顶部导航2
 *  ==========================================================================
 */
$(function() {
    $('.d-firstNav').click(function(e) {
        console.log("111");
        dropSwift($(this), '.d-firstDrop');
        e.stopPropagation();
    });
    $('.d-secondNav').click(function(e) {
        dropSwift($(this), '.d-secondDrop');
        e.stopPropagation();
    });



    /**
     * @param dom   点击的当前元素
     * @param drop  下一级菜单
     */
    function dropSwift(dom, drop) {
        //点击当前元素，收起或者伸展下一级菜单


        dom.next().slideToggle();

        //设置旋转效果

        //1.将所有的元素都至为初始的状态
        dom.parent().siblings().find('.fa-caret-right').removeClass('iconRotate');

        //2.点击该层，将其他显示的下滑层隐藏
        dom.parent().siblings().find(drop).slideUp();

        var iconChevron = dom.find('.fa-caret-right');
        if(iconChevron.hasClass('iconRotate')) {
            iconChevron.removeClass('iconRotate');
        } else {
            iconChevron.addClass('iconRotate');
        }
    }
})
/*
 *  ==========================================================================
 *                                      顶部导航
 *  ==========================================================================
 */
$(document).ready(function(){
    var navOrderNum = 0;// 当前导航选项序号，从左往右，从0开始数
    var m = $(".navs ul li.cur").index();// 选项背景的位置
    var navWidth = $(".navs ul li").width();// 导航选项的宽度


    var position;// 光标位置
    var subnavDepth;// 子导航高度

    var defaultNavNum = $(".navs ul li.active").index();// 默认导航序号
    var navNum = $(".navs ul li").length;// 导航总数
    // var navNum = 5;// 导航总数

    $(".nav-cur").css("left", (m * navWidth))

    // 移进导航选项
    $(".navs ul li").mouseenter(function(){
        navOrderNum = $(this).index();// 当前导航选项的位置
        $(this).addClass("cur")// 添加cur类
        $(this).siblings().removeClass("cur")// 同级元素移除cur类
        $(".nav-cur").stop().animate({left:(navOrderNum * navWidth)}, 200)// 移动到第n个选项

        if (navOrderNum > 0) {
            $(".navs .sub-nav").hide().eq(navOrderNum - 1).fadeIn()// 子导航淡入
        }
        else{
            $(".navs .sub-nav").hide()
        }

        position = (navNum - (navOrderNum + 1)) * 86
        $(".navs .sub-nav").css("right", position)

        subnavDepth = $(".navs .sub-nav").eq(navOrderNum - 1).height();
        $(".navs .sub-nav").eq(navOrderNum - 1).find("dl").css("height", subnavDepth);
    });

    // 移开
    $(".navs").mouseleave(function(){
        $(".navs ul li").eq(m).addClass("cur")// 添加cur类
        $(".navs ul li").eq(m).siblings().removeClass("cur")// 移除同级元素cur类
        $(".nav-cur").stop().animate({left:(m * navWidth)}, 200)

        $(".navs .sub-nav").fadeOut()// 子导航淡出
    });

    $(".navs").click(function(){
        m = navOrderNum;
    });
});
/*
 *  ==========================================================================
 *                                      个人中心
 *  ==========================================================================
 */
$(document).ready(function(){
    $("#left-nav a").click(function(e){
        e.preventDefault();
        $(this).tab("show");
    });
    $(window).scroll(function(){
        if($(window).scrollTop() > 400){
            $("#left-nav").addClass("left-nav-fixed");
        }
        else{
            $("#left-nav").removeClass("left-nav-fixed");
        }
    });

    function switch_tab(nav_a, nav_content){
        nav_a.click(function(){
            var index = $(this).index();
            nav_content.eq(index).addClass("active").siblings().removeClass("active");
        });
    }
    switch_tab($(".left-nav .list-group .list-group-item"), $(".nav-content .nav-tab"));
});
